<h1>Archetype dependency management system</h1>

<pre class="sh_html">
	&lt;html&gt;
		&lt;head&gt;
			&lt;title&gt;Archetype&lt;/title&gt;
			&lt;script type="text/javascript" src="archetype.js"&gt;&lt;/script&gt;
		&lt;/head&gt;
		&lt;body&gt;&lt;/body&gt;
	&lt;/html&gt;
</pre>

<p>Archetype handles the whole application loading process</p>
<ul>
	<li>All files are loaded by Archetype</li>
	<li>A main controller is called for each application (or page)</li>
	<li>Configurable transitive dependencies between files</li>
	<li>File path are written in a "Java package" manner</li>
	<li>Ability to override conventions using some configuration</li>
</ul>

<pre class="sh_javascript">
dependencies: {
    components: {
        slideManager: "Slidy.components.slideManager",
        slideChangeHandler: "Slidy.components.slideChangeHandler",
        slideCounter: "Slidy.components.slideCounter"
    },
    lib: ["Slidy.libs.shjs.sh_main", "Slidy.libs.shjs.sh_javascript", "Slidy.libs.shjs.sh_html"],
    css: ["Slidy.css.slidy", "Slidy.css.w3c-blue", "Slidy.libs.shjs.sh_typical"],
    html: {
        main: "Slidy.templates.container"
    }
}
</pre>

<p>Archetype handles all the browser specific part of the application bootstrap.</p>

